<template>
  <!-- <el-input :disabled="单项.disabled" v-model.number="单项[字段.名称]" /> -->
  <el-input v-model="用户输入" :formatter="util.现人民币" :parser="util.实人民币" clearable />
</template>
<script setup lang="ts">
import * as em from '@/enums';
import * as util from '@/amtf/utils';
import { computed, nextTick, onBeforeMount, onMounted, ref, watch } from 'vue';

const props = withDefaults(defineProps<{
  字段: 字段;
  单项: 单项;
  插组件?: 插组件;
  编辑否?: boolean;
}>(),
  {
    编辑否: false
  });
// console.log(`props.单项 👉`, props.单项)
// console.log(`props.字段.名称 👉`, props.字段.名称)
// console.log(`props.单项[props.字段.名称] 👉`, props.单项[props.字段.名称])

// const 用户输入 = ref()
const 用户输入 = ref()

watch(用户输入, (newValue, oldValue) => {
  // console.log(`用户输入 👉`, 用户输入)
  props.单项[props.字段.名称] = util.元转分(用户输入.value, 2);
})

watch(props.单项, async (newValue, oldValue) => {
  let kk = util.分转元(props.单项[props.字段.名称])
  用户输入.value = kk
}, { immediate: true })

// function 输入变化(e, 用户输入) {
//   console.log(`输入变化e 👉`, e)
//   console.log(`用户输入 👉`, 用户输入)
//   props.单项[props.字段.名称] = util.元转分(用户输入, 2);
// }

// function 格式化(value) {
//   // console.log(`格式化 value 👉`, value)
//   return `￥ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
// }

// function 输入处理(value) {
//   // console.log(`输入处理 value 👉`, value)
//   return value.replace(/\￥\s?|(,*)/g, '')
// }

</script>
